<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../js/layui/css/layui.css"/>
    <script src="../js/layui/layui.js"></script>
    <script src="../js/jquery/jquery-1.9.1.js"></script>
</head>
<body>
<div id="add-main" style="display: none;">
    <form class="layui-form" id="add-form" action="">
        <input type="hidden" id="id" name="id">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">职位名称</label>
                <div class="layui-input-inline">
                    <input type="text" id="workname" name="workname" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label">工作地点</label>
                <div class="layui-input-inline">
                    <input type="text" id="workingplace" name="workingplace" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        toudi.html
        <div class="layui-row layui-col-space10">
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">自我评价</label>
                <div class="layui-input-block">
                    <textarea id="pingjia" name="pingjia" placeholder="例如：两年UI设计经验，熟悉IOS和Android的界面设计规划，对产品本色有独特见解，有一定的手绘能力" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>

        <div class="layui-row layui-col-space10">
            <div class="layui-col-md3">
                <label class="layui-form-label">工作性质</label>
                <div class="layui-input-block">
                    <input type="radio" name="worktype" value="1">全职
                    <input type="radio" name="worktype" value="2">实习
                    <input type="radio" name="worktype" value="3">兼职
                </div>
            </div>
        </div>

    </form>
</div>
<div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="getCheckData" onclick="delManyProduct()">批量删除</button>
</div>

<div id="toolbar" style="display: none;">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
</div>
    <table id="date" lay-filter="test" ></table>
</body>
<script>
    layui.use(['table','layer','form','element'], function() {
        var table = layui.table;
        var element = layui.element;
        var layer = layui.layer;
        var form = layui.form;
        $(function () {
            var tableList = table.render({
                elem: '#date',
                fit: true,
                cellMinWidth: true, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                url: '../web/toudi', //数据接口
                type: "POST",
                loading: false,
                page: true,//开启分页
                limits: [1,5,30,40,50,60,70,80,90],//page 代表当前页码、limit 代表每页数据量
                cols: [
                    [
                        {field:'id', width:'10%', title: 'ID', checkbox: true}
                        ,{field:'workname', width:'20%', title: '职位名称'}
                        ,{field:'workingplace', width:'10%', title: '工作地点', sort: true}
                        ,{field:'wage', width:'10%', title: '期望工资'}
                        ,{field:'pingjia', title: '自我评价', width: '10%', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                        ,{field:'worktype', width:'10%', title: '工作性质'}
                    ]
                ]
            });
        })
    })
</script>
</html>
